﻿html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    border: 0 none;
    font-size: inherit;
    font-style: inherit;
    font-variant: inherit;
    font-weight: inherit;
    line-height: inherit;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
}
ol, ul {
    list-style: none outside none;
}
body {
    background-attachment: fixed;
    background-color: #ede9dc;
    background-image: url('../images/guide/bg_colored.png');
    background-position: 50% 50%;
    background-repeat: no-repeat no-repeat;
    background-size: cover;
    color: #555555;
    font-size: 12px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    height: 100%;
    line-height: 1;
    overflow-x: hidden;
    width: 100%;
    z-index: 1;
}
body  #welcome {
    background-attachment: fixed;
    background-position: 50% 50%;
    background-repeat: no-repeat no-repeat;
    background-size: cover;
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.container-guide {
    height: 100%;
    position: relative;
    width: 100%;
}
body  #welcome {
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
}



/*萍改*/
.cb {
	clear: both;
	height: 0;
	width: 0;
	padding: 0;
	margin: 0;
	font-size: 1px;
	overflow: hidden;
	position: relative;
	line-height: 0;
}
#welcome{z-index:100;}
.logo {
    left: 1%;
    position: fixed;
    top: 4%;
	z-index:200;
	opacity:0;
    display: none;
}
.logo img{
    margin-left: 0px;
	width:auto;
	height:50px;
}
.hei_bg{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .4);
    background: #000\9;
    filter:alpha(opacity=50);
    z-index: 2;
}
.yizai{
	position:absolute;
	z-index:10;
	width:124px;
	height:160px;
	top:16%;
	margin-top:166px;
	left:50%;
	margin-left:187px;
	opacity:0;
    display: none;
	z-index:1001;
}
.yizai img{width:124px; height:160px;}
#illia_1 {
    background-image: url('../images/guide/login_box_bg.png');
    background-position: 50% 50%;
    background-repeat: no-repeat no-repeat;
    background-size: cover;
    top: -100%;
    height: 338px;
    left: 50%;
	margin-left:-320px;
    position: absolute;
    width: 640px;
	z-index:1000;
}
#illia_1 h3{
	background:#57be89;
	color:#fff;
	width:606px;
	height:40px;
	line-height:40px;
	font-size:16px;
	text-align:center;
	padding:0px;
	margin:0px;
	letter-spacing:2px;
    margin-bottom: 40px;
}
#illia_1 .login_box{
	padding-top:30px;
	width:400px !important;
	height:auto !important;
	margin-left:100px;
}
#illia_1 .login_box input{
	width:382px;
	border-radius:2px;
	border:1px solid #dddada;
	height:14px;
	padding:14px 4px;
	margin-bottom:10px;
	color: #979696;
	text-indent: 10px;
	background:#f7f5de;
}
.loginbtn{
	width:400px !important;
	height:auto !important;
	margin-left:100px;
	margin-top:20px;
}
.loginbtn .logcheckbox{
	float:left;
	color:#979797;
	width:auto !important;
	height:auto !important;
}
.loginbtn .fog_pw{
	float:right;
	color:#FF4200;
	margin-right:10px;
}
.loginsubmit{
	margin-top:20px;
	width:400px !important;
	height:auto !important;
}
.loginsubmit input{
	width:185px;
	height:36px;
	line-height:36px;
	background:#61d599;
	float:left;
	border:none;
	color:#fafafa;
	letter-spacing:2px;
	font-size:14px;
	cursor:pointer;
}
.loginsubmit input:hover{background:#57be89;}
.fast_login{ margin-left:100px; margin-top:14px; font-size:14px; color:#f54b4b;}
.fast_login span{height:30px; line-height:30px; display:block; float:left; margin-right:6px;}
.fast_login img{float:left; margin-right:14px;}
#totop{
    background-image: url('../images/guide/totop.png');
    background-position: 50% 50%;
    background-repeat: no-repeat no-repeat;
    background-size: cover;
    top: -600px;
    height: 105px;
    right: 230px;
    position: absolute;
    width: 60px;
	z-index:200;
}
#masha_and_tim_1:hover{
    background-image: url('../images/guide/totop2.png');
}

#masha_and_tim_1{
    background-image: url('../images/guide/home.png');
    background-position: 50% 50%;
    background-repeat: no-repeat no-repeat;
    background-size: cover;
    top: -10px;
    height: 105px;
    right: -100px;
    position: absolute;
    width: 60px;
	cursor:pointer;
	z-index:200;
}
#masha_and_tim_1:hover{
    background-image: url('../images/guide/home2.png');
}
#vika_1{
    background-image: url('../images/guide/lainxi.png');
    background-position: 50% 50%;
    background-repeat: no-repeat no-repeat;
    background-size: cover;
    top: -10px;
    height: 105px;
    right: -100px;
    position: absolute;
    width: 60px;
	cursor:pointer;
	z-index:200;
}
#vika_1:hover{
    background-image: url('../images/guide/lainxi2.png');
}
#fred_1{
    background-image: url('../images/guide/xuexiao.png');
    background-position: 50% 50%;
    background-repeat: no-repeat no-repeat;
    background-size: cover;
    top: -10px;
    height: 105px;
    right: -100px;
    position: absolute;
    width: 60px;
	cursor:pointer;
	z-index:200;
}
#fred_1:hover{
    background-image: url('../images/guide/xuexiao2.png');
}
.down {
    background-image: url('../images/guide/down.png');
    background-position: 50% 50%;
    background-repeat: no-repeat no-repeat;
    background-size: cover;
    bottom: -30%;
    display: block !important;
    height: 100px;
    left: 50%;
	margin-left:-65px;
    position: absolute;
    text-decoration: none;
    width: 100px;
	cursor:pointer;
}
.down:hover {
    background-image: url('../images/guide/down2.png');
}

#activity div{
    width: 120px;
	height:120px;
	top:15%;
	margin-top:198px;
	left:55%;
	margin-left:120px;
	text-align:center;
	position: absolute;
	opacity:0;
    display: none;
}
#activity div img {
    width: 120px;
	height:120px;
}
#activity div span {
	opacity:0;
    display: none;
	padding:6px;
	color:#fafafa;
	margin-top:-33px;
	display:block;
}
/*
#activity div#icon1{
	margin-top:-22px;
}
#activity div#icon2{
	margin-top:388px;
}
#activity div#icon3{
	margin-top:98px;
	margin-left:310px;
}
#activity div#icon4{
	margin-top:98px;
	margin-left:-70px;
}
#activity div#icon5{
	margin-top:268px;
	margin-left:310px;
}
#activity div#icon6{
	margin-top:268px;
	margin-left:-70px;
}
*/
#activity p{
	font-size:22px;
	font-weight:bold;
	letter-spacing:2px;
	position:absolute;
	left:-30%;
	top:40%;
}
#activity p img{}
#activity p.p1{}
#activity p.p2{margin-top:60px;}
#activity p.p3{margin-top:120px;}
#activity p.p4{margin-top:180px;}
#activity p.p5{margin-top:240px;}

.down1 {
    background: url(../images/guide/down_black.png) no-repeat;
    bottom: -30%;
    width: 48px;
    height: 28px;
    left: 50%;
	margin-left:-0px;
    position: absolute;
    text-decoration: none;
	cursor:pointer;
}
.down1:hover {
    background: url(../images/guide/down_black2.png) no-repeat;
}
.top {
    background: url(../images/guide/top.png) no-repeat;
    bottom: -30%;
    width: 48px;
    height: 28px;
    left: 50%;
	margin-left:-55px;
    position: absolute;
    text-decoration: none;
	cursor:pointer;
}
.top:hover {
    background: url(../images/guide/top2.png) no-repeat;
}

.title3{
	position:absolute;
	top:40px;
	left:50%;
	margin-left:-103px;
	opacity:0;
    display: none;
}
.san_left *{
	position:absolute;
	top:14%;
	left:3%;
	opacity:0;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    display: none;
}
.yizai2{
	margin-top:80px;
}
.chat1{
	margin-top:90px;
	margin-left:100px;
}
.chat2{
	margin-top:210px;
	margin-left:100px;
}
.sdut1{
	margin-top:210px;
	margin-left:520px;
}
.yizai3{
	margin-top:320px;
}
.chat3{
	margin-top:330px;
	margin-left:100px;
}

.san_right *{
	position:absolute;
	right:20px;
	bottom:0px;
}
.computer{
	margin-bottom:-1000px;
	margin-right:0px;
}
.bicycle{
	margin-bottom:130px;
	margin-right:-500px;
	z-index:4;
}
.sell{
	margin-bottom:180px;
	margin-right:240px;
	opacity:0;
    display: none;
	z-index:5;
}

.title4{
	position:absolute;
	top:40px;
	left:50%;
	margin-left:-53px;
	opacity:0;
    display: none;
    display: none;;
}
.sdut2{
	margin-top:86px;
}
.chat4{
	margin-top:90px;
	margin-left:100px;
}
.chat5{
	margin-top:210px;
	margin-left:100px;
}
.yizai4{
	margin-top:194px;
	margin-left:520px;
}
.sdut3{
	margin-top:326px;
}
.chat6{
	margin-top:330px;
	margin-left:100px;
}
.book{
	margin-bottom:130px;
	margin-right:150px;
	z-index:4;
	opacity:0;
    display: none;
}
.sell2{
	margin-bottom:220px;
	margin-right:240px;
	opacity:0;
    display: none;
	z-index:5;
}
.hei_bg2{
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: -1400px;
    left: 0;
    background: rgba(0, 0, 0, .6);
    background: #000\9;
    filter:alpha(opacity=50);
}
.wu_con{
	position:absolute;
	top:46%;
	left:50%;
	margin-top:1400px;
	margin-left:-279px;
	z-index:10;
}
.zhixie{
	margin-left:179px;
	z-index:10;
}
.txt{
	margin-top:20px;
	z-index:10;
}
.top5{margin-left:-24px;}

.school,.BG{
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	z-index:1004;
}
.school{display:none;}
.BG{background: rgba(0, 0, 0, .8)}
.school_box{
	position:absolute;
	top:50%;
	left:50%;
	z-index:1004;
	background:#f2efc9;
	width:800px;
	margin-left:-400px;
	margin-top:-128px;
}
.school_box h3{
	height:62px;
	padding:18px 0;
    margin: 0;
	width:100%;
	background:#61d599;
	text-align:center;
	position:relative;
}
.school_box ul{
	padding:40px;
}
.school_box ul li{
	float:left;
	margin:10px 18px;
	font-size:14px;
	color:#fafafa;
	width:188px;
	height:32px;
	line-height:22px;
	text-align:center;
	background:url(../images/guide/li_bg.png) no-repeat center center;
}
.school_box .txt_box{
	padding-top:10px;
	border-top:1px dashed #979797;
}
.school_box .txt_box p{
	margin-bottom:20px;
	color:#f35c5b;
	font-size:13px;
	text-align:center;
}
.school_box .txt_box textarea{
	float:left;
	width:700px;
	height:50px;
    resize: none;
	border:none;
	background:#B4D5FE;
	padding:6px;
	resize:none;
	color:#828282;
    font-size: 12px;
}
.school_box .txt_box input{
	float:left;
	width:100px;
	height:50px;
	border:none;
	font-size:14px;
	color:#fafafa;
	background:#699cda;
	cursor:pointer;
}
.school_box .txt_box input:hover{background:#3d78c0;}
.school_close{
	background:url(../images/guide/Closed.png) no-repeat;
	position:absolute;
	top:10px;
	right:10px;
	z-index:2;
	width:25px;
	height:25px;
	cursor:pointer;
}
.school_close:hover{
	background:url(../images/guide/Closed2.png) no-repeat;
}

/*注册框*/
#illia_1 .input-group{
    width: 360px;
    margin: 10px auto;
    position: relative;
}

#illia_1 .form-control {
    border: 1px solid #dddada;
    border-radius: 2px;
    padding: 21px 6px;
    padding/*\**/: 14px 6px 18px 6px \9;
    height/*\**/: 44px \9;
    color: #828282;
    font-size: 12px;
    width: 357px;
    margin-left: -20px;
}

.register-captcha-img {
    float: right;
    width: 160px;
    height: 37px;
    cursor: pointer;
    margin-right: 20px;
}

#illia_1 .input-group .btn-success {
    color: #fff;
    font-size: 15px;
    height: 36px;
    padding: 0;
    line-height: 0px;
    background: #59bb75;
    cursor: pointer;
    width: 100%;
}

#illia_1 .input-group .btn-success:hover {
    background: #4cae68;
}

.input-group2{
    margin-left: -20px;
}

#WB-login {
    float: left;
    height: 28px;
    line-height: 24px;
    padding-left: 32px;
    padding-top: 2px;
    padding-right: 3px;
    padding-bottom: 2px;
    color: #828282;
    font-size: 12px;
    border: 1px solid rgb(242,239,201);
    background: url(../images/login/sina.png) no-repeat 2px 2px;
}

#WB-login:hover{
    border: 1px solid #ea6948;
}

#WB-login{
    text-decoration: none;
    color: #828282;
}

.now-login,.now-regiter{
    float: right;
    height: 22px;
    line-height: 22px;
    margin-right: 20px;
    color: #59bb75;
    margin-top: 3px;
}

.now-login a,.now-regiter a{
    color: #77b14a;
    font-weight: bold;
}
.now-login a:hover,.now-regiter a:hover{
    color: #4cae68;
}

#AutoComplete {
    background: #fff;
    border: 1px solid #BBD6F7;
    display: none;
    width: 360px;
}

#AutoComplete ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#AutoComplete li {
    color: #333;
    cursor: pointer;
    font: 12px/22px \5b8b\4f53;
    text-indent: 5px;
}

#AutoComplete .hover {
    background: #6eb6fe;
    color: #fff;
}

.guide-regiter{
    display: none;
}





